<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="5.3.1.css">
</head>
<body style="background-color: #eee;">
    <div class="nav">
        <!-- <div class="heads"> -->
            <div class="headsw">
                <div class="heads">
					<p class="zc" style="color: #999999;"> <img src="./images/header1.png" class="pic2">注册</p>
                    <p class="dl" style="color: #999999;"><img src="./images/header3.png" class="pic1">登录 </p>
			    </div>
            </div>
            
        <!-- </div> -->
        <div class="head">
            <!-- <img src="img/header2.png">
				<input type="text" value="&nbsp;&nbsp;&nbsp;&nbsp;按照标题搜索数据">
				<button class="anniu1">
					<img src="./img/header7.png" class="pic4">
					搜索</button>
				<button class="anniu2">
					<img src="./img/header6.png" class="pic3">
					上传数据</button>
                    <p class="nideshuju">你的数据</p>
				<p class="wolaibianxian">我来变现</p> -->
        </div>

    </div>
    <div class="head-button">
        <div class="h-b-n">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="" class="bx">数据变现</a></li>
                <li><a href="">免费专区</a></li>
                <li ><a href="">数据众包</a></li>
                <li><a href="">数据商店</a></li>
                <li><a href="">个人中心</a></li>
             </ul>
        </div>
    </div>
    <p>当前位置：个人中心>订单管理>卖出的订单>订单详情</p>
    <div class="conter">
        <div class="conter-left">
            <div class="zh" style="padding: 10px 12px 10px 60px;"><img src="./images/账户.jpg" alt="" >我的账户</div>
            <div class="wdsj">
                <img src="./images/我的数据.jpg" alt="">
                我的数据
                <img src="./images/箭头.jpg" style="margin-left: 80px;">
            </div>
            <ul >
                <li class="nr">上传数据</li>
                <li class="nr">数据管理</li>
            </ul>
            <div class="sjzb wdsj">
                <img src="./images/数据众包.jpg" alt="">
                数据众包
                <img src="./images/箭头.jpg" style="margin-left: 80px;">
            </div>
            <ul >
                <li class="nr">我的接单</li>
                <li class="nr">我的需求</li>
            </ul>
            <div class="ddgl wdsj">
                <img src="./images/订单管理.jpg" alt="">
                订单管理
                <img src="./images/箭头.jpg" style="margin-left: 80px;">
            </div>
            <ul >
                <li class="nr">卖出的订单</li>
                <li class="nr">买入的订单</li>
            </ul>
            <div class="zcgl wdsj">
                <img src="./images/资产管理.jpg" alt="">
                资产管理
                <img src="./images/箭头.jpg" style="margin-left: 80px;">
            </div>
            <ul >
                <li class="nr">我要充值</li>
                <li class="nr">我要体现</li>
            </ul>
            <div class="zhsz wdsj">
                <img src="./images/账户设置.jpg" alt="">
                账户设置
                <img src="./images/箭头.jpg" style="margin-left: 80px;">
            </div>
            <ul >
                <li class="nr">安全设置</li>
                <li class="nr">安全设置</li>
                <li class="nr">收货地址</li>
                <li class="nr">我的积分</li>
                <li class="nr">我的邀请</li>
                
            </ul>
        </div>
        <div class="conter-right">
            <div class="c-r-t">
                <ul>
                    <li class="crt crt-1">订单编号：497199810500104192</li>
                    <li class="crt crt-2">订单时间：2016-02-29 14:17:32</li>
                    <li class="crt crt-3">状态：未支付</li>
                </ul>
            </div>
            <div class="c-r-b">
                <div class="crb-t">
                    <ul>
                        <li class="crb-t1 crbt ">数据名称</li>
                        <li class="crb-t2 crbt">数据大小</li>
                        <li class="crb-t3 crbt">金额</li>
                        <li class="crb-t4 crbt">买家</li>
                        
                    </ul>
                </div>
                <div>
                    <ul class="crb-b">
                        <li class="crb-b1 crbb"><span>废气中主要污染物排放数据统计，废弃中主要污染物排放数据统计。</span> </li>
                        <li class="crb-b2 crbb">50.28M</li>
                        <li class="crb-b3 crbb">500.00元</li>
                        <li class="crb-b4 crbb">数趣官网</li>
                    </ul>
                </div>
                <button>返回</button>
            </div>
        </div>
    </div>
    
</body>
</html>